{template "header.html"}
<link rel="stylesheet" href="{HOME_THEME_PATH}css/swiper.min.css">
<link rel="stylesheet" href="{HOME_THEME_PATH}css/index.css">
<script src="{HOME_THEME_PATH}js/swiper.min.js"></script>
<script type="text/javascript">
var initialHeight,initialWidth;
$(document).ready(function(e) {
	var mySwiper = new Swiper('#b06', {
		autoplay: 3000,//可选选项，自动滑动
		loop: true,
		pagination : '.swiper-pagination',
		paginationClickable : true,
		prevButton:'.prev',
		nextButton:'.next'
	})
	$("#ar").hover(function(){  
		$(this).addClass("arrighthide").removeClass("arrightshow");
	},function(){  
		$(this).addClass("arrightshow").removeClass("arrighthide");
	});
	$("#al").hover(function(){  
		$(this).addClass("arlefthide").removeClass("arleftshow");
	},function(){  
		$(this).addClass("arleftshow").removeClass("arlefthide");
	});
});

</script>
{template "nav.html"}

<div class="banner" id="b06">
    <div class="swiper-wrapper">
    	{list action=module catid=28 num=6}
            <div class="swiper-slide">
            	<a href="{$t.link}"><img class="sliderimg" src="{dr_get_file($t.thumb)}" alt="" style="width:100%;"/></a>
            </div>
        {/list}
    </div>
    <div class="prev arrow arleftshow" id="al" alt="prev"></div>
    <div class="next arrow arrightshow" id="ar" alt="next"></div>
    <div class="swiper-pagination"></div>
</div>
<div class="div-container">
    <div class="container">

	    {list action=module catid=33 num=1}
	        <div class='index_introduction_box'>
	            <div class='index_introduction_tab'>
	                <img src="{HOME_THEME_PATH}images/index/tab.png"/>
	                <span>NO.1</span>
	            </div>
	            <span class='index_introduction_title'>
	                <b>汕游简介 ·</b> INTRODUCTION
	            </span>
	        </div>
	        <div class="index_introduction_content">
	            <pre>{$t.description}</pre>
	        </div>

	        <div style="float:right;margin-top:-100px;">
	            <a href="{$t.url}">
	                <img src="{HOME_THEME_PATH}images/index/learn_more.png"/>
	            </a>
	        </div>
		{/list}
        <div class='index_culture_box'>
            <span class='index_culture_title'><b>汕游文化 ·</b> CULTURE</span>
            <div class='index_culture_content'>
                <div class='index_culture_text' style='width: 36%;'>
                    <span>使命</span>
                    <img src="{HOME_THEME_PATH}images/index/icon_1.png"/>
                    <p>弘扬国粹文化，成为互动娱乐第一平台</p>
                </div>
                <div class='index_culture_img' style='width: 64%;'>
                    <img src="{HOME_THEME_PATH}images/index/culture_img_1.jpg"/">
                </div>
                <div class='index_culture_img' style='width: 29%;'>
                    <img src="{HOME_THEME_PATH}images/index/culture_img_2.jpg"/">
                </div>
                <div class='index_culture_text' style='width: 42%;'>
                    <span>愿景</span>
                    <img src="{HOME_THEME_PATH}images/index/icon_2.png"/>
                    <p>做用户喜爱的，成为健康持续发展的网络游戏企业</p>
                </div>
                <div class='index_culture_img' style='width: 29%;'>
                    <img src="{HOME_THEME_PATH}images/index/culture_img_3.jpg"/">
                </div>
                <div class='index_culture_text' style='width: 36%;'>
                    <span>价值观</span>
                    <img src="{HOME_THEME_PATH}images/index/icon_3.png"/>
                    <p>诚实、务实、合作、共赢</p>
                </div>

                <div class='index_culture_img' style='width: 28%;'>
                    <img src="{HOME_THEME_PATH}images/index/culture_img_4.jpg"/">
                </div>
                <div class='index_culture_text' style='width: 36%;'>
                    <span>工作文化</span>
                    <img src="{HOME_THEME_PATH}images/index/icon_4.png"/>
                    <p>万众齐心，众志成城</p>
                </div>
            </div>
        </div>

    </div>
</div>
<div class="div-container-b">
    <div style="height:234px;background-color:#f5f5f5;"></div>
    <div class="container-1">
        <div style="height:140px;background-color:#f5f5f5;"></div>

	    {list action=module catid=34 num=1}
	        <center>
	            <div>
	                <img  src="{HOME_THEME_PATH}images/index/img_02.png" style="z-index:10;margin-top:-140px;text-align:center"/>
	            </div>
	            <div style="font-size:34px;margin-top:40px;line-height: 84px;">
	                <b>发展战略&nbsp;·</b>&nbsp;STRATEGY
	            </div>
	            <div>
	                <img  src="{HOME_THEME_PATH}images/index/icon_01.png" style="text-align:center"/>
	            </div>
	            <div style="font-size:26px;margin-top:26px;">
	           		{$t.keywords}
	            </div>
	            <div style="font-size:20px;margin-top:80px;width:900px;text-align:left">
	                <pre>{$t.description}</pre>
	            </div>
	            <div>
	                <a href="{$t.url}">
	                    <img  src="{HOME_THEME_PATH}images/index/learn_more.png" style="text-align:center;margin-top:90px;margin-bottom:70px;"/>
	                </a>
	            </div>
	        </center>
	    {/list}
    </div>
      
    <div class="container-2">
        <div style="height:70px;"></div>
    </div>
    <div class="container-3">
        <center>
            <img  src="{HOME_THEME_PATH}images/index/img_03.png" style="width:100%;"/>
            <div style="font-size:34px;margin-top:100px;">
                <b>大事记&nbsp;·</b>&nbsp;STRATEGY
            </div>
            <div style="margin-top:50px;padding-bottom:140px;">
                    <div class='index_timeline' onselectstart="return false;" >
                    {php $timeline_year=0;}
                    {list action=module catid=37 order=date_asc num=10}
                    {if $t.show_index}
	                    {if $timeline_year!=date('Y',$t.date)}
	                    	<div class='index_timeline_title'>
	                            <img src="{HOME_THEME_PATH}images/index/icon_03.png" alt="" />
	                            <span>{php echo date('Y年',$t.date);}</span>
	                        </div>
	                        {php $timeline_year = date('Y',$t.date);}
	                    {/if}
                        <div class='index_timeline_clear_50'></div>
	                    <div class='index_timeline_content_{$t.lfrt}'>
                            <img src="{HOME_THEME_PATH}images/index/icon_03.png" alt="" />
                            <span class='index_timeline_content_title'>{$t.title}</span>
                            <p class='index_timeline_content_text'>{$t.description}</p>
                        </div>
                        <div class='index_timeline_clear_50' style='height:{$t.marginbottom}'></div>
	                {/if}
                    {/list}
                        <div class='index_timeline_title'>
                            <img src="{HOME_THEME_PATH}images/index/icon_03.png" alt="" />
                            <span><a href="/timeline.html">更多></a></span>
                        </div>
                    </div>
            </div>
        </center>
    </div>
</div>

{template "footer.html"}

